<script setup lang="ts">
import Titlebar from "@/components/framework/titlebar.vue";
import ThemeProvider from "@/framework/theme/theme-provider";
import { message } from "ant-design-vue";

// 全局消息提示配置
message.config({ top: "61px", maxCount: 10 });
</script>

<template>
  <ThemeProvider theme="dark">
    <Titlebar />
    <section class="app-content-container">
      <RouterView />
    </section>
  </ThemeProvider>
</template>

<style lang="less">
body {
  background-image: url("@/assets/image/bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#app {
  background-color: var(--color-bg-container);
  opacity: 0.94;
  color: var(--text-color);
  font-size: 14px;
}

.app-content-container {
  height: calc(100vh - var(--titlebar-height));
  overflow: auto;
}
</style>
